<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>济源市全域旅游大数据平台</title>
    <link rel="stylesheet" href="./assets/plugin/M_select/M_select.css">
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <link rel="stylesheet" href="./assets/css/public.css">
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/index.css">
    <link rel="stylesheet" href="./assets/css/chanye_jq.css">
</head>
<body>
<div class="box">
    <!--头部-->
    <div class="title-box">
        <div class="title-left">
            <span id="weather">小雨转晴</span>
            <span id="temperature">32/23℃</span>
            <span id="windPower">东风</span>
        </div>
        <div class="title-img">
            <h3>济源市全域旅游大数据平台</h3>
            <img src="./assets/images/title-bg.png">
        </div>
    </div>
    <!--主体-->
    <div class="main-box">
        <!--导航-->
        <div class="nav-box">
            <ul>
                <li>
                    <a href="./index.html">
                        <div>
                            <img src="./assets/images/icon-index.png">
                            <img src="./assets/images/icon-index-active.png">
                        </div>
                        <p>旅游发展环境</p>
                    </a>
                </li>
                <li class="active">
                    <a href="./chanye_jq.html">
                        <div>
                            <img src="./assets/images/icon-analysis.png">
                            <img src="./assets/images/icon-analysis-active.png">
                        </div>
                        <p>旅游产业监测</p>
                    </a>
                </li>
                <li>
                    <a href="./tongji.html">
                        <div>
                            <img src="./assets/images/icon-operation.png">
                            <img src="./assets/images/icon-operation-active.png">
                        </div>
                        <p>旅游统计监测</p>
                    </a>
                </li>
                <li>
                    <a href="./lvyoujia_qx.html">
                        <div>
                            <img src="./assets/images/icon-activity.png">
                            <img src="./assets/images/icon-activity-active.png">
                        </div>
                        <p>旅游+</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--数据内容-->
        <div class="content-box flex-column">
            <div class="content-nav">
                <ul>
                    <li>
                        <a href="./chanye_jq.html">景区监测</a>
                    </li>
                    <li>
                        <a href="./chanye_jd.html">酒店监测</a>
                    </li>
                    <li class="active">
                        <a href="./chanye_lxs.html">旅行社监测</a>
                    </li>
                    <li>
                        <a href="chanye_pl.html">互联网评论</a>
                    </li>
                </ul>
            </div>
            <div class="tourism-action">
                <div class="action-left">
                    <div class="select-box">
                        <select name="" id="select-lxs" class="scenic">
                            <option value="0">全部</option>
                        </select>
                    </div>
                </div>
                
            </div>
            <div class="content-main flex-row flex1">
                <div class="content-left flex1 flex-column">
                    <div class="date-select-list">
                        <div class="date-tab">
                         <a href="javascript:;" class="active">日</a>
                         <a href="javascript:;">月</a>
                         <a href="javascript:;">年</a>
                        </div>
                        <div class="select-date-box">
                             <input type="text" id="selectDate" placeholder="选择日期">
                             <input type="text" id="selectMonth" placeholder="选择月份" class="hd">
                             <input type="text" id="selectYear" placeholder="选择年份" class="hd">
                             <button>查询</button>
                         </div>
                     </div>
                    <div class="bg-1 flex1">
                        <div class="bg-1 flex1 flex-column  slideInDown delay-1">
                            <div class="content-title">省内游组团</div>
                            <div class="bg-main-1 flex1" id="lxs_1"></div>
                        </div>
                    </div>
                    <div class="bg-1 flex1 animated slideInUp delay-3">
                        <div class="content-title">国内游组团</div>
                            <div id="lxs_2" class="bg-main-1"></div>
                    </div>
                    <div class="bg-1 flex1 animated slideInUp delay-3">
                        <div class="content-title">出境游组团</div>
                            <div id="lxs_3" class="bg-main-1"></div>
                    </div>
                </div>
                <div class="content-center flex2 animated slideInLeft">
                    <div class="flex3">
                        <div class="content-center-bg">
                            <div class="tourism-data">
                                <div>
                                    <b>组团个数(个)</b>
                                    <p class="numberStyle">0</p>
                                </div>
                                <div>
                                    <b>游客量(人次)</b>
                                    <p class="numberStyle">0</p>
                                </div>
                                <div>
                                    <b>收入(元)</b>
                                    <p class="numberStyle">0.00</p>
                                </div>
                            </div>
                        </div>
                        <!--地图-->
                        <div id="tourism_1_1"></div>
                    </div>
                    <div class="flex2">
                        <div class="flex1 flex-row">
                            <div class="bg-1 flex1 flex-column mgr-10">
                                <div class="content-title">国内目的地省份排行TOP10</div>
                                <div class="bg-main-1 flex1" id="lxs_4_1"></div>
                            </div>
                            <div class="bg-1 flex1 flex-column">
                                <div class="content-title">出境游目的地国家TOP10</div>
                                <div class="bg-main-1 flex1" id="lxs_4_2"></div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="content-right flex1 flex-column">

                    <div class="bg-1 flex1">
                        <div class="bg-1 flex1 flex-column  slideInDown delay-1">
                            <div class="content-title">近七天旅行社收入</div>
                            <div class="bg-main-1 flex1" id="lxs_5"></div>
                        </div>
                    </div>
                    <div class="bg-1 flex1 animated slideInUp delay-3">
                        <div class="content-title">出游天数</div>
                            <div class="bg-main-1 flex1" id="lxs_6"></div>
                    </div>
                    <div class="bg-1 flex1 animated slideInUp delay-3">
                        <div class="content-title">导游接待信息</div>
                            <div class="bg-main-1 flex1 scroll-box">
                                <ul class="reception-list">
                                    
                                    <!-- <li>
                                        <p>【康辉】洛阳龙门石窟白马寺丽景门</p>
                                        <div>
                                            <span>导游:张柏贝</span>
                                            <span>15035865428</span>
                                            <span>车牌号:豫A.L8888</span>
                                        </div>
                                    </li> -->
                                </ul>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./assets/plugin/jquery.min.js"></script>
<script src="./assets/plugin/scroll.js"></script>
<script src="./assets/plugin/ECharts/echarts.js"></script>
<script src="./assets/plugin/ECharts/world.js"></script>
<script src="./assets/plugin/laydate/laydate.js"></script>
<script src="./assets/plugin/jquery.leoTextAnimate.js"></script>
<script src="./assets/plugin/M_select/M_select.js"></script>
<script src="./assets/js/public.js"></script>
<script src="./assets/js/chanye_lxs.js"></script>

</html>
